<template>
  <div class="home" style="background-color: rgb(238, 241, 246)">
    <HeaderCon :username="msg"></HeaderCon>
    <MainCon :username="msg"></MainCon>
  </div>
</template>

<script>
import HeaderCon from "../components/HeaderCon.vue";
import MainCon from "../components/MainCon.vue";
export default {
  name: "HomeView",
  data() {
    return {
      msg: ""
    };
  },
  components: {
    HeaderCon,
    MainCon
  },
  created() {
    this.msg = this.$route.query.username;
  }
};
</script>
<style scoped>
.home {
  width: 100%;
  height: 100%;
}
</style>
